<!DOCTYPE html>
<html><head lang="en"><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">
    <!-- 包含头部信息用于适应不同设备
     width 属性控制设备的宽度。假设您的网站将被带有不同屏幕分辨率的设备浏览，那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
     nitial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。
     通常情况下，maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后，用户只能滚动屏幕，就能让您的网站看上去更像原生应用的感觉。
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- 包含 bootstrap 样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>lib/bootstrap-3.3.0/css/bootstrap.min.css">
    <script type="text/javascript" src="<?php echo base_url();?>lib/jquery/jquery-2.1.1.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>lib/bootstrap-3.3.0/bootstrap.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/common.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>src/template1index.js"></script>
    <!--状态栏和导航栏的样式-->
    <link rel="stylesheet" href="<?php echo base_url();?>navigation.css">

    <title>首页</title>
    <style rel="stylesheet">

    body, div, p, span, img {
        margin: 0px;
        padding: 0px;
        border: none;
    }
    body {
        background-color: rgb(250, 214, 40);
    }
    #container, #container div {
        margin: 0px;
        padding: 0px;
    }
    
    #centerImg {
        width: 100%;
        height: 274px;
        overflow: hidden;
        text-align: center;
    }
    #centerImg img {
        width: 100%;
        height: 274px;
    }
    #container .col1 {
        padding: 5px 2px 0px 5px;
    }
    #container .col2 {
        padding: 5px 5px 0px 3px
    }
    #container .item_div {
        height: 167px;
        background-color: #FFFFFF;
        opacity: 0.6;
        text-align: center;
        line-height: 167px;
        padding-top: 33px;
    }
    #container .icon_div {
        margin: auto;
        width: 100px;
        height: 100px;
        background-color: rgb(250, 214, 40);
        border-radius: 50px;
        line-height: 100px;
    }
    #container .icon {
        width: 50px;
        height: 42px;
    }
    #container .item_title {
        font-size: 16px;
        font-weight: bold;
        margin-top: 2px;
        padding-left: 11px;
        height: 28px;
        line-height: 26px;
        background-color: #000000;
        color: #FFFFFF;
    }
    #container #title_centerImg {
        background-color: #000000;
        font-size: 24px;
        font-weight: bold;
        height: 40px;
        text-align: left;
        clear: both;
        color: #FFFFFF;
        padding-left: 14px;
    }
    </style>
</head>
<body>
    <div class="container-fluid" id="container">
        <div id="header_title"><?php if($site_name){ echo $site_name; } else { echo "首页"; }  ?></div>
            <!--大图片 start-->
        <div class="row" align="center">
            <div class="col-xs-12" align="center" id="centerImg">
                <img class="img-responsive" src="<?php echo base_url()?><?php if($img_path){echo $img_path;}else{ echo 'res/images/template1/template1_centerImg.png';}?>"></div>
                <div id="title_centerImg"><?php if($img_name){ echo $img_name; }else{ echo "APEC假期出游指南"; }?></div>
        </div>
        <!--大图片 end-->

        <div class="row">
            <!--图文 start-->
            <div class="col-xs-6 col1">
            
	        	<a href="<?php if ($static) {echo $base_url."1.html";} else {echo "javascript:viod(0)";} ?>">
	            <div class="item_div" id="item1">
                    <div class="icon_div">
                        <img class="icon" src="<?php echo base_url()?>res/images/template1/item_pic.png"></div>
                </div>
                <div class="item_title"><?php echo $item1;?></div>
                </a>
            </div>
            <!--图文 end-->
            
            <!--栏目介绍 start-->
            <div class="col-xs-6 col2">
            
                <a href="<?php if ($static) {echo $base_url."2.html";} else {echo "javascript:viod(0)";} ?>">
                <div class="item_div" id="item2">
                    <div class="icon_div">
                        <img class="icon" src="<?php echo base_url()?>res/images/template1/item_info.png"></div>
                </div>
                <div class="item_title"><?php echo $item2;?></div>
                </a>
            </div>
            <!--栏目介绍 end--> </div>

        <div class="row">
            <!--留言板 start-->
            <div class="col-xs-6 col1">
            
                <a href="<?php if ($static) {echo $base_url."3.html";} else {echo "javascript:viod(0)";} ?>">
                <div class="item_div" id="item3">
                    <div class="icon_div">
                        <img class="icon" src="<?php echo base_url()?>res/images/template1/item_comment.png"></div>
                </div>
                <div class="item_title"><?php echo $item3;?></div>
                </a>
            </div>
            <!--留言板 end-->

            <!--FAQ start-->
            <div class="col-xs-6 col2">
                <a href="<?php if ($static) {echo $base_url."4.html";} else {echo "javascript:viod(0)";} ?>">
                <div class="item_div" id="item4">
                    <div class="icon_div">
                        <img class="icon" src="<?php echo base_url()?>res/images/template1/item_FAQ.png"></div>
                </div>
                <div class="item_title"><?php echo $item4;?></div>
                </a>
            </div>

            <!--FAQ end--> </div>
            <from>
		    <input type="hidden" name="site_id" id="site_id" value="<?php echo $site_id;?>" />
			<input type="hidden" name="t_id" id="t_id"  value="<?php echo $t_id;?>" />
			<input type="hidden" name="color" id="color" value="<?php echo $color;?>" />
			</from>
            <input type="hidden" name="static" id="static" value="<?php echo $static;?>" />
    </div>
    <?php if (!$static) { ?>
    <!-- 下一步 -->
    <div class="contaienr-fluid" id="footer_row">
        <div class="row">
            <div class="col-xs-6 text-center" id="nav_back">返回</div>
            <div class="col-xs-6 text-center" id="nav_next">下一步</div>
        </div>
    </div>
    <?php } ?>

</body>
</html>

